import React, { memo, useState } from "react";
import { Popup } from "antd-mobile";
const About = memo(() => {
  const [visible1, setVisible1] = useState(false);
  return (
    <div>
      <button
        onClick={() => {
          setVisible1(true);
        }}
      >
        点击弹出弹框
      </button>
      <Popup
        visible={visible1}
        showCloseButton
        onClose={() => {
          setVisible1(false);
        }}
      >
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p><p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p>
         <p>1</p><p>1</p>
         <p>1</p>
      </Popup>
    </div>
  );
});

export default About;
